/* STYLE DES menu-deroulantS */
.menu-deroulant {
    position: absolute;
    z-index: 900;
    font-size: 1.1em;
    }         
.menu-deroulant .cadre { 
    position: relative;
    border-left: 1px #6a8899 solid;
    border-right: 1px #6a8899 solid;
    border-bottom: 4px #6a8899 solid;
    border-top: 0px;
    padding: 0;
    background: url('../img/popup/menu-h-bg.png') #fff bottom repeat-x;
    box-shadow: 0px 5px 5px #555;
    -moz-box-shadow: 0px 5px 5px #555;
    -webkit-box-shadow: 0px 5px 5px #555;
    }   

.menu-contextuel .cadre {
	position: relative;
    border-left: 1px #6a8899 solid;
    border-right: 1px #6a8899 solid;
    border-bottom: 3px #6a8899 solid;
    border-top: 1px #6a8899 solid;
    background: #FFF url('../img/popup/menu-deroulant-cadre-bg.png') repeat-x bottom; 
    box-shadow: 0px 5px 5px #555;
    -moz-box-shadow: 0px 5px 5px #555;
    -webkit-box-shadow: 0px 5px 5px #555;
    }   
     
.fleche-en-haut .fleche {
    background: url('../img/popup/menu-deroulant-fleche-en-haut.png') no-repeat; 
    position: relative; 
    top: 0px; left: 10%; margin-left: -9px; z-index: 2;
    width: 18px; height: 10px;
    }
.menu-contextuel.fleche-en-haut .fleche {
    background: url('../img/popup/menu-deroulant-fleche-en-haut.png') no-repeat; 
    position: relative;  
    margin-left: -9px;
    width: 18px; height: 10px;
    }
.menu-contextuel.fleche-en-haut .fleche {
    left: 50%;top: 1px;
    }
.menu-contextuel.fleche-en-haut-droite .fleche   {
	left: 80%
	} 
	
/* LIENS	*/
.menu-deroulant li a {
    text-decoration: none;
    display: block;
    padding: 7px 15px 7px 25px; 
    min-width: 95px;
    margin: 1px 0;
    background: url("../img/pictogrammes/picto-fleche-rouge.png") no-repeat 10px;
    border-top: 1px #b5c4cc solid;
    }
.menu-deroulant li a:hover {
    color: #991111;
    text-decoration: none;
    }
.menu-deroulant .premier a {
    border: none;
    }
.menu-deroulant .lien-externe {
     background: url("../img/pictogrammes/picto-lien-externe.png") no-repeat 10px !important;
     }   
.menu-deroulant .lien-deconnexion {
    background: url("../img/pictogrammes/picto-deconnexion.png") no-repeat 6px !important;
    }        
.menu-deroulant h2 {
	margin: 0;
	padding: 10px 0 15px 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 1.1em;
	font-weight: normal;
	}
.menu-deroulant .colonne-2 h2 {
	background-color: #FFF;
	}
.menu-deroulant h3 {
	color: #B12A1C;
	margin: 0; padding: 7px 0 2px 0;
	font-size: 1em;
	padding-left: 0px;
	}	
	

.menu-onglets .premier {
	
	}		
.menu-deroulant .titre {
	color: #B12A1C;
	font-weight: bold;
	}
	

	
/*  MENU HISTORIQUE	*/
#popMenuHistorique.fleche-en-haut-droite .fleche   {
	left: 95%;
	} 
#popMenuHistorique {
/*	width: 300px; taille max de la popup */
	}
#popMenuHistorique .cadre {
	padding-bottom: 10px;
	}
#popMenuHistorique li {
	position: relative;
	}
#popMenuHistorique 	li a {
	border: none;
	display: block;
	background: none;
	padding-left: 15px;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	}
#popMenuHistorique .titre {
	padding:8px 0 5px 35px;
	color: #A4AAAD;
	}
#popMenuHistorique	.retour {
	border-bottom: 1px solid #6a8899;
	}
#popMenuHistorique li .lien-retour {
	background: url("../img/pictogrammes/picto-fleche-carre-retour-15px.png") no-repeat 10px !important;
	padding-left: 35px;
	}	
#popMenuHistorique li .lien-fermer {
	display: block; 
	position: absolute; top: 50%; right: 0; 
	margin-top: -10px; padding:0;
	width:25px; height: 20px; min-width: inherit; 
	background: url("../img/pictogrammes/picto-deconnexion.png") no-repeat center !important;
	}
#popMenuHistorique li .lien-fermer:hover {
	background: url("../img/pictogrammes/picto-deconnexion-survol-blanc.png") no-repeat center !important;	
	}	
#popMenuHistorique li .client-actif {
	background: url("../img/pictogrammes/picto-personne-13px.png") no-repeat 5px;
	}
#popMenuHistorique li .denomination {
	background: url("../img/pictogrammes/picto-fleche-rouge.png") no-repeat 5px;
	padding-left: 20px;
	}
#popMenuHistorique li .client-actif .denomination {
	padding-right: 20px;
	}
#popMenuHistorique li .codes-client {
	color: #808080;
	}	
#popMenuHistorique	.separateur-h {
	margin: 8px 0 0 0;
	padding: 4px 0; 
	/*height: 8px; display: block !important; width: 100% !important;*/
	background: url("../img/popup/menu-historique-separateur.png") repeat-x top;
	}
#popMenuHistorique li:hover {
	background-color: #D4EAF9;
	}
#popMenuHistorique .separateur-h:hover,
#popMenuHistorique .titre:hover,
#popMenuSuggestions .titre:hover{
	background-color: #FFF !important;
	}	
	
/*  MENU SUGGESTIONS	*/
#popMenuSuggestions {
	width: 300px;
	}
#popMenuSuggestions	li {
/*	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/
	}
#popMenuSuggestions	li a {
	border: none;
	display: block;
	background: none;
	padding-left: 15px;
/*	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/
	}
#popMenuSuggestions	.titre {
	padding:8px 0 5px 15px;
	color: #A4AAAD;
	}
#popMenuSuggestions li a:hover,
#popMenuSuggestions .selected{
	background-color: #D4EAF9;
	}
#popMenuSuggestions .selected{
	color: #9911;
	}
#popMenuSuggestions em {
	font-style: normal;
	font-weight: bold;
	}
	
/* #overlay {
	background: #000; position: absolute; 
	width: 100%; height: 100%; z-index: 10; 
	top: 0; left: 0;
	opacity : 0.6; 
	filter : alpha(opacity=60); 
	display: none;
	} */
	
#popMenuCreer {
	width: 147px;
}